@font-face {

    font-family: "MerriweatherSans-Bold";

    src: url("https://images.hanlonsonline.co.uk/Helix Provider Directory/fonts/MerriweatherSans-Bold.ttf");

    font-weight: 700;

    font-style: normal;

}
div#FilterDiv {
    margin-top: 1rem;
}
h2#ProviderResultsHeaderLabel {
    display: none;
}
hr {
    display: none;
}
h1.heading {
    font-family: "OpenSans", sans-serif;
    font-weight: bold;
    color: #000;
    margin-top: 30px;
}

nav ul li a {
    padding: 20px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    left: 0rem;
    top: 0.5rem;
    position: relative;
}

nav.navbar.navbar-expand-lg {
    border-bottom: 12px solid #afafaf;
}

div#navbarNav {
    display: contents !important;
}

li.nav-item-one a {
    color: #000;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
}
li.nav-item-two a {
    color: #000;
    text-decoration: none;
    font-family: "OpenSans", sans-serif;
}
ul.navigation-bar {
    list-style: none;
    display: flex;
}
img#logo {
    width: 20%;
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
    font-family: "OpenSans", sans-serif;
    font-weight: bold;
    color: #000;
    background: #F11286;
    padding: 20px;
}

.form-label {
    margin-bottom: .5rem;
    font-family: "OpenSans", sans-serif;
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.dxtvControl_Material .dxtv-ndTxt {
    white-space: nowrap;
    font-family: "OpenSans", sans-serif;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

button#btnSearch {
    background: #f11286;
    font-family: "OpenSans", sans-serif;
    font-weight: bold;
    color: #000;
    border: 2px solid #000;
}

p.card-detail.card-detail-website.par a {
    font-size: 18px;
    color: #000;
    font-family: "Open Sans", sans-serif;
}

span.companySiteDescription {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
}

p.card-title.par {
    font-size: 28px !important;
}

.card {
    border: 2px solid #F11286 !important;
}

input#KeywordInput {
    border: 2px solid;
}

hr {
    border-top: 2px solid #000 !important;
    opacity: 1 !important;
}

.providerDetailsCardWrapper.col-md-6 .card {
    border: 2px solid #F11286 !important;
    border-radius: 16px;
    border-style: double !important;
    border-width: 8px;
    background-size: 35%;
    background-repeat: no-repeat;
    background-position-y: 20px;
    background-position-x: right;
}

.providerDetailsCardWrapper .card .card-img {
    width: 100%;
    height: 25vh;
    object-fit: contain;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    margin-bottom: 1.25rem;
    border: none;
}

button.btn.btnViewDetails.button {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    border: 2px solid #f11286;
}

a.btn.btnViewCourses.link {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    border: 2px solid #f11286;
}

button.btn.btnMakeReferral.button {
    background: #f11286;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #000;
    border: 2px solid #000;
}

.form-control:focus {
    outline: 2px dashed #000;
}

.form-select:focus {
    border-color: transparent;
    outline: 2px dashed #000;
    box-shadow: none !important;
}

button#btnSavePortalReferral {
    background: #f11286;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #000;
    border: 2px solid #000;
}

button.btn.btn-secondary.button.button__submit.button__submit--alt {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #fff;
    border: 2px solid #000;
}

.providerDetailsCardWrapper .card .btnMakeReferral:hover {
    background-color: #fff;
    color: #000;
}

.providerDetailsCardWrapper .card .btnMakeReferral:focus {
    background-color: #fff !important;
    color: #000 !important;
    outline: 2px dashed #000 !important;
}

/* li:nth-child(3) {
    display: none;
}

li:nth-child(4) {
    display: none;
} */

a#FiltersToggleButton {
    color: #000;
}

.panel-heading.card-header {
    font-size: 24px;
}

.table>tbody {
    vertical-align: inherit;
    font-family: "OpenSans", sans-serif;
    color: #000;
}

button.btn.btnMakeReferral.button:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

button.btn.btnMakeReferral.button:focus {
    color: #000;
    background: #fff;
    outline: 2px dashed #000;
}

a.link {
    color: #000;
    font-weight: bold;
}

input#MakeReferralButton {
  font-family: "OpenSans", sans-serif;
    background: #f11286;
    color: #000;
    font-weight: bold;
    border: 2px solid #000;
}

input#MakeReferralButton:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

input#MakeReferralButton:focus {
    background: #fff;
    color: #000;
    outline: 2px dashed #000;
}

a#BackLink {
    border: 2px solid #000;
  font-family: "OpenSans", sans-serif;
    color: #fff;
}

a#BackLink:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

a#BackLink:focus {
    background: #fff;
    color: #000;
    outline: 2px dashed #000;
}

input#SearchFiltersButton {
    background: #f11286;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    color: #000;
    border: 2px solid #000;
}

input#SearchFiltersButton:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

input#SearchFiltersButton:focus {
    background: #fff;
    color: #000;
    outline: 2px dashed #000;
}

input#ClearFiltersButton {
  font-family: "OpenSans", sans-serif;
    border: 2px solid #000;
}

input#ClearFiltersButton:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

input#ClearFiltersButton:focus {
    background: #fff;
    color: #000;
    outline: 2px dashed #000;
}
i.fas.fa-envelope {
    display: contents !important;
}
p.card-detail.card-detail-email.par {
    font-size: 17px;
}
@media (min-width: 426px) and (max-width: 768px) {
    div#navbarNav {
        display: inline-block !important;
    }

    .providerDetailsCardWrapper.col-md-6 .card {
        background-size: 50%;
        background-position-y: 26px;
        background-position-x: right;
        height: 630px !important;

    }

    button.btn.btnMakeReferral.button {
        margin-top: 10px;
    }
}

@media (min-width: 376px) and (max-width: 425px) {
    div#navbarNav {
        display: inline-block !important;
    }

    .providerDetailsCardWrapper.col-md-6 .card {
        background-size: 30%;
        background-position-y: 26px;
        background-position-x: right;
        height: 425px !important;
    }

    button.btn.btnMakeReferral.button {
        margin-top: 15px;
    }

    img#logo {
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 375px) {
    button.btn.btnViewDetails.button {
        font-size: 12px;
    }

    button.btn.btnMakeReferral.button {
        font-size: 12px;
    }

    div#navbarNav {
        display: inline-block !important;
    }

    .providerDetailsCardWrapper.col-md-6 .card {
        background-size: 30%;
        background-position-y: 26px;
        background-position-x: right;
        height: 500px !important;
    }

    button.btn.btnMakeReferral.button {
        margin-top: 15px;
    }

    img#logo {
        width: 100%;
    }

    .providerDetailsCardWrapper .card .card-title {
        font-size: 16px !important;
    }

    p.card-detail.card-detail-website.par a {
        font-size: 12px;
    }

    a.link {
        font-size: 12px;
    }

    span.companySiteDescription {
        font-size: 12px;
    }
}